
import { GithubOutlined, ReadOutlined } from '@ant-design/icons';

const Footer = () => {
  return (
    <footer className="py-8 z-10 relative bg-background">
      <div className="inner-width">
        <div className="text-center">
          <div className="mb-4">
            Copyright &copy; {new Date().getFullYear()} <a href="#" className="text-primary hover:text-secondary">FE_Jing</a>. All Rights Reserved
          </div>
          <div className="flex justify-center gap-4">
            <a href="https://blog.csdn.net/weixin_44519146" target="_blank" rel="noopener noreferrer" className="text-gray-600 hover:text-primary transition-colors">
              <ReadOutlined className="text-xl" />
            </a>
            <a href="https://github.com/FE-Jing" target="_blank" rel="noopener noreferrer" className="text-gray-600 hover:text-primary transition-colors">
              <GithubOutlined className="text-xl" />
            </a>
          </div>
        </div>
      </div>
    </footer>
  );
};

export default Footer;